<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06_事件监听</title>
</head>
<body>
<button onclick="alert('按钮被点击了')">我是按钮</button>
<button id="btn2">我是按钮</button>
<h4>今天星期一</h4>
<span>震惊：JSD2508班的XXX竟然XXX!!!</span>
<h4>明天星期二</h4>
<script>
    /*window对象是浏览器内置的全局对象，无需创建或导包，可直接使用
    * resize窗口大小被重置了的方法*/
    window.addEventListener('resize',function (){
        console.log('窗口大小被重置了！');
    })
    /*监听元素的鼠标移入事件*/
    let spanE=document.querySelector('span');
    spanE.addEventListener('mouseover',function (){
        console.log('该标题被查看了！')
    })
    /*监听按钮元素的点击事件*/
    let btn2=document.getElementById('btn2');
    btn2.addEventListener('click',function () {
        console.log('按钮被点击了哈哈哈');
    })
</script>
</body>
</html>